<template>
  <div class="top-detail">
    <MusicList :songs="songs" :pic="pic"
               :title="title" :loading="loading"
    ></MusicList>
  </div>
</template>

<script>
import { getSingerDetail } from '../../service/singer'
import { SINGER_KEY } from '../../assets/js/constant'
import createDetailComponent from '../../assets/js/create-detail-component'

export default createDetailComponent('SingerDetail', SINGER_KEY, getSingerDetail)
</script>

<style scoped lang="scss">
  .top-detail {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: $color-background;
  }
</style>
